<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2"><meta name="theme-color" content="#222"><meta name="generator" content="Hexo 5.4.0"><link rel="apple-touch-icon" sizes="180x180" href="/blog/images/avatar32.png"><link rel="icon" type="image/png" sizes="32x32" href="/blog/images/avatar32.png"><link rel="icon" type="image/png" sizes="16x16" href="/blog/images/avatar32.png"><link rel="mask-icon" href="/blog/images/avatar.ico" color="#222"><link rel="stylesheet" href="/blog/css/main.css"><link rel="stylesheet" href="//fonts.loli.net/css?family=EB Garamond:300,300italic,400,400italic,700,700italic|Cinzel Decorative:300,300italic,400,400italic,700,700italic|Source Code Pro:300,300italic,400,400italic,700,700italic&display=swap&subset=latin,latin-ext"><link rel="stylesheet" href="/blog/lib/font-awesome/css/font-awesome.min.css"><link rel="stylesheet" href="//cdn.jsdelivr.net/npm/pace-js@1/themes/blue/pace-theme-minimal.css"><script src="//cdn.jsdelivr.net/npm/pace-js@1/pace.min.js"></script><script id="hexo-configurations">var NexT=window.NexT||{},CONFIG={root:"/blog/",scheme:"Muse",version:"7.8.0",exturl:!1,sidebar:{position:"right",width:200,display:"post",padding:18,offset:12,onmobile:!1},copycode:{enable:!0,show_result:!1,style:"default"},back2top:{enable:!0,sidebar:!0,scrollpercent:!0},bookmark:{enable:!1,color:"#222",save:"auto"},fancybox:!1,mediumzoom:!0,lazyload:!1,pangu:!1,algolia:{appID:"",apiKey:"",indexName:"",hits:{per_page:10},labels:{input_placeholder:"Search for Posts",hits_empty:"We didn't find any results for the search: ${query}",hits_stats:"${hits} results found in ${time} ms"}},localsearch:{enable:!0,trigger:"auto",top_n_per_article:1,unescape:!1,preload:!1},path:"search.xml",motion:{enable:!0,async:!1,transition:{post_block:"fadeIn",post_header:"slideDownIn",post_body:"slideDownIn",coll_header:"slideLeftIn",sidebar:"slideRightIn"}},sidebarPadding:40}</script><script data-ad-client="ca-pub-1414767122267457" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><meta name="description" content="一起滚月球吧·"><meta property="og:type" content="website"><meta property="og:title" content="人间且慢行"><meta property="og:url" content="https://linxiaoki.gitee.io/blog/page/6/index.html"><meta property="og:site_name" content="人间且慢行"><meta property="og:description" content="一起滚月球吧·"><meta property="og:locale" content="zh_CN"><meta property="article:author" content="我的名字"><meta name="twitter:card" content="summary"><link rel="canonical" href="https://linxiaoki.gitee.io/blog/page/6/"><script id="page-configurations">CONFIG.page={sidebar:"",isHome:!0,isPost:!1,lang:"zh-CN"}</script><link href="https://fonts.loli.net/css?family=Noto+Serif+SC:400,500,700&display=swap&subset=chinese-simplified" rel="stylesheet"><link href="https://fonts.loli.net/css?family=EB+Garamond:400,500,700&display=swap" rel="stylesheet"><link href="https://fonts.loli.net/css?family=Cinzel+Decorative&display=swap" rel="stylesheet"><link href="https://fonts.loli.net/css?family=Source+Code+Pro&display=swap" rel="stylesheet"><title>人间且慢行</title><script async src="https://www.googletagmanager.com/gtag/js?id=UA-168149316-1"></script><script data-pjax>function gtag(){dataLayer.push(arguments)}CONFIG.hostname===location.hostname&&(window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-168149316-1"))</script><noscript><style>.sidebar-inner,.use-motion .brand,.use-motion .collection-header,.use-motion .comments,.use-motion .menu-item,.use-motion .pagination,.use-motion .post-block,.use-motion .post-body,.use-motion .post-header{opacity:initial}.use-motion .site-subtitle,.use-motion .site-title{opacity:initial;top:initial}.use-motion .logo-line-before i{left:initial}.use-motion .logo-line-after i{right:initial}</style></noscript></head><body itemscope itemtype="http://schema.org/WebPage"><div class="container use-motion"><div class="headband"></div><header class="header" itemscope itemtype="http://schema.org/WPHeader"><div class="header-inner"><div class="site-brand-container"><div class="site-nav-toggle"><div class="toggle" aria-label="切换导航栏"><span class="toggle-line toggle-line-first"></span> <span class="toggle-line toggle-line-middle"></span> <span class="toggle-line toggle-line-last"></span></div></div><div class="site-meta"><a href="/blog/" class="brand" rel="start"><span class="logo-line-before"><i></i></span><h1 class="site-title">人间且慢行</h1><span class="logo-line-after"><i></i></span></a></div><div class="site-nav-right"><div class="toggle popup-trigger"><i class="fa fa-search fa-fw fa-lg"></i></div></div></div><nav class="site-nav"><ul id="menu" class="menu"><li class="menu-item menu-item-home"><a href="/blog/" rel="section"><i class="fa fa-fw fa-home"></i>首页</a></li><li class="menu-item menu-item-tags"><a href="/blog/tags/" rel="section"><i class="fa fa-fw fa-tags"></i>标签</a></li><li class="menu-item menu-item-categories"><a href="/blog/categories/" rel="section"><i class="fa fa-fw fa-th"></i>分类</a></li><li class="menu-item menu-item-archives"><a href="/blog/archives/" rel="section"><i class="fa fa-fw fa-archive"></i>归档</a></li><li class="menu-item menu-item-search"><a role="button" class="popup-trigger"><i class="fa fa-search fa-fw"></i>搜索</a></li></ul></nav><div class="search-pop-overlay"><div class="popup search-popup"><div class="search-header"><span class="search-icon"><i class="fa fa-search"></i></span><div class="search-input-container"><input autocomplete="off" autocapitalize="off" placeholder="搜索..." spellcheck="false" type="search" class="search-input"></div><span class="popup-btn-close"><i class="fa fa-times-circle"></i></span></div><div id="search-result"><div id="no-result"><i class="fa fa-spinner fa-pulse fa-5x fa-fw"></i></div></div></div></div></div></header><a href="https://github.com/linxiaoki" class="github-corner" title="Follow me on GitHub" aria-label="Follow me on GitHub" rel="noopener" target="_blank"><svg style="fill:#008b8b" width="80" height="80" viewBox="0 0 250 250" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin:130px 106px" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><main class="main"><div class="main-inner"><div class="content-wrap"><div class="content index posts-expand"><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="https://linxiaoki.gitee.io/blog/categories/Python/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1-4-%E6%95%B0%E6%8D%AE%E6%B8%85%E6%B4%97/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/blog/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/blog/categories/Python/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1-4-%E6%95%B0%E6%8D%AE%E6%B8%85%E6%B4%97/" class="post-title-link" itemprop="url">1.4 数据清洗</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/08/22 00:00:00" itemprop="dateCreated datePublished" datetime="2019-08-22T00:00:00+00:00">2019/08/22</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-check-o"></i> </span><span class="post-meta-item-text">更新于</span> <time title="修改时间：2019/08/27 00:00:00" itemprop="dateModified" datetime="2019-08-27T00:00:00+00:00">2019/08/27</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/Python/" itemprop="url" rel="index"><span itemprop="name">Python</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/Python/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/" itemprop="url" rel="index"><span itemprop="name">数据分析</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>779</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>1 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><ul><li>数据的质量（完全合一）：<ul><li><p>完整性(值、统计的字段) <code>ps:完整和全面没多大区别呀?</code></p><ul><li>问题1：单元格存在缺失值<ul><li>解决办法：删除缺失记录、使用均值、使用频率最高的值<figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment">#平均</span></span><br><span class="line">df[<span class="string">&#x27;Age&#x27;</span>].fillna(df[<span class="string">&#x27;Age&#x27;</span>].mean(),inplace=<span class="literal">True</span>)</span><br><span class="line"><span class="comment">#高频</span></span><br><span class="line">age_maxf=train_features[<span class="string">&#x27;Age&#x27;</span>].value_counts().index[<span class="number">0</span>]</span><br><span class="line">train_features[<span class="string">&#x27;Age&#x27;</span>].fillna(age_maxf,inplace=<span class="literal">True</span>)</span><br></pre></td></tr></table></figure></li></ul></li><li>问题2：存在 空行 （除了 index ，全部的值是 NaN）</li><li>解决办法：<figure class="highlight routeros"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment">#删除全空的行</span></span><br><span class="line">df.dropna(<span class="attribute">how</span>=<span class="string">&#x27;all&#x27;</span>,inplace=True)</span><br></pre></td></tr></table></figure><div class="post-button"><a class="btn" href="/blog/categories/Python/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1-4-%E6%95%B0%E6%8D%AE%E6%B8%85%E6%B4%97/#more" rel="contents">阅读全文 &raquo;</a></div></li></ul></li></ul></li></ul></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="https://linxiaoki.gitee.io/blog/categories/Python/python-%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98/python%EF%BC%9Ajson-dump%E8%BE%93%E5%87%BA%E4%B8%BAutf-8%E7%BC%96%E7%A0%81%E7%9A%84%E6%96%87%E4%BB%B6/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/blog/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/blog/categories/Python/python-%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98/python%EF%BC%9Ajson-dump%E8%BE%93%E5%87%BA%E4%B8%BAutf-8%E7%BC%96%E7%A0%81%E7%9A%84%E6%96%87%E4%BB%B6/" class="post-title-link" itemprop="url">python：json.dump输出为utf-8编码的文件</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/08/21 00:00:00" itemprop="dateCreated datePublished" datetime="2019-08-21T00:00:00+00:00">2019/08/21</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/Python/" itemprop="url" rel="index"><span itemprop="name">Python</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/Python/python-%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98/" itemprop="url" rel="index"><span itemprop="name">python 常见问题</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>1.9k</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>2 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><p>将 <code>dict</code> 转为 <code>str</code>,在解码编码通过 <code>write</code> 形式写入</p><figure class="highlight livecodeserver"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">with</span> <span class="built_in">open</span>(sscapRootPath,<span class="string">&#x27;w&#x27;</span>,encoding=<span class="string">&quot;utf-8&quot;</span>) <span class="keyword">as</span> f:</span><br><span class="line">    ssr_list=json.dumps(ssr_list,indent=<span class="number">4</span>,separators=(<span class="string">&#x27;,&#x27;</span>,<span class="string">&#x27;: &#x27;</span>))</span><br><span class="line">    f.<span class="built_in">write</span>(ssr_list.encode(<span class="string">&#x27;utf-8&#x27;</span>).decode(<span class="string">&#x27;unicode_escape&#x27;</span>))</span><br></pre></td></tr></table></figure><p><strong>代码文件：</strong></p><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">import</span> json</span><br><span class="line"></span><br><span class="line">test_path=<span class="string">r&#x27;D:\K\Program Files\ssr_for_win\gui-config.json&#x27;</span></span><br><span class="line">sscapRootPath=<span class="string">r&#x27;D:\K\Program Files\SsCAP\SSCap-v4.0\config&#x27;</span></span><br><span class="line"><span class="function"><span class="keyword">def</span> <span class="title">getTest</span>():</span></span><br><span class="line">    <span class="keyword">with</span> <span class="built_in">open</span>(test_path,<span class="string">&#x27;rb&#x27;</span>) <span class="keyword">as</span> f:</span><br><span class="line">        test_list=json.load(f)</span><br><span class="line">    test_list_t=[]</span><br><span class="line">    test_dict=&#123;&#125;  <span class="comment">#不能直接使用 dict , 因为是地址传递</span></span><br><span class="line">    <span class="built_in">print</span>(<span class="built_in">len</span>(test_list[<span class="string">&quot;configs&quot;</span>]))</span><br><span class="line">    <span class="keyword">for</span> i <span class="keyword">in</span> <span class="built_in">range</span>(<span class="built_in">len</span>(test_list[<span class="string">&quot;configs&quot;</span>])):</span><br><span class="line"></span><br><span class="line">        s_server=test_list[<span class="string">&quot;configs&quot;</span>][i][<span class="string">&quot;server&quot;</span>]</span><br><span class="line">        s_server_port=test_list[<span class="string">&quot;configs&quot;</span>][i][<span class="string">&quot;server_port&quot;</span>]</span><br><span class="line">        s_password=test_list[<span class="string">&quot;configs&quot;</span>][i][<span class="string">&quot;password&quot;</span>]</span><br><span class="line">        s_method=test_list[<span class="string">&quot;configs&quot;</span>][i][<span class="string">&quot;method&quot;</span>]</span><br><span class="line">        s_remarks=test_list[<span class="string">&quot;configs&quot;</span>][i][<span class="string">&quot;remarks&quot;</span>]</span><br><span class="line">        s_group=test_list[<span class="string">&quot;configs&quot;</span>][i][<span class="string">&quot;group&quot;</span>]</span><br><span class="line">        s_enable= <span class="literal">True</span></span><br><span class="line">        test_list_t.append(&#123;<span class="string">&quot;server&quot;</span>:s_server,<span class="string">&quot;server_port&quot;</span>:s_server_port,</span><br><span class="line">            <span class="string">&quot;password&quot;</span>:s_password,<span class="string">&quot;method&quot;</span>:s_method,<span class="string">&quot;remarks&quot;</span>:s_remarks,<span class="string">&quot;group&quot;</span>:s_group&#125;) </span><br><span class="line"></span><br><span class="line">    <span class="comment">#   gui-config-bk.json</span></span><br><span class="line">    <span class="keyword">with</span> <span class="built_in">open</span>(sscapRootPath+<span class="string">r&#x27;\gui-config-bk.json&#x27;</span>,<span class="string">&#x27;r&#x27;</span>,encoding=<span class="string">&quot;utf-8&quot;</span>) <span class="keyword">as</span> f:</span><br><span class="line">        test_list=json.load(f)</span><br><span class="line">        test_list[<span class="string">&#x27;configs&#x27;</span>]=test_list_t</span><br><span class="line"></span><br><span class="line"></span><br><span class="line">    <span class="keyword">with</span> <span class="built_in">open</span>(sscapRootPath+<span class="string">r&#x27;\gui-config.json&#x27;</span>,<span class="string">&#x27;w&#x27;</span>,encoding=<span class="string">&quot;utf-8&quot;</span>) <span class="keyword">as</span> f:</span><br><span class="line">        test_list=json.dumps(test_list,indent=<span class="number">4</span>,separators=(<span class="string">&#x27;,&#x27;</span>,<span class="string">&#x27;: &#x27;</span>))</span><br><span class="line">        f.write(test_list.encode(<span class="string">&#x27;utf-8&#x27;</span>).decode(<span class="string">&#x27;unicode_escape&#x27;</span>))</span><br><span class="line">        <span class="comment">#json.dump(test_list,f,indent=4,separators=(&#x27;,&#x27;,&#x27;: &#x27;))</span></span><br><span class="line"></span><br><span class="line"><span class="keyword">if</span> __name__ == <span class="string">&#x27;__main__&#x27;</span>:</span><br><span class="line">    getTest()</span><br></pre></td></tr></table></figure><div class="post-button"><a class="btn" href="/blog/categories/Python/python-%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98/python%EF%BC%9Ajson-dump%E8%BE%93%E5%87%BA%E4%B8%BAutf-8%E7%BC%96%E7%A0%81%E7%9A%84%E6%96%87%E4%BB%B6/#more" rel="contents">阅读全文 &raquo;</a></div></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="https://linxiaoki.gitee.io/blog/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E9%85%8D%E7%BD%AE/vscode%E9%85%8D%E7%BD%AE/vscode%E9%82%A3%E4%BA%9B%E5%A5%BD%E7%94%A8%E7%9A%84%E6%8F%92%E4%BB%B6/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/blog/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/blog/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E9%85%8D%E7%BD%AE/vscode%E9%85%8D%E7%BD%AE/vscode%E9%82%A3%E4%BA%9B%E5%A5%BD%E7%94%A8%E7%9A%84%E6%8F%92%E4%BB%B6/" class="post-title-link" itemprop="url">vscode那些好用的插件</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/08/21 00:00:00" itemprop="dateCreated datePublished" datetime="2019-08-21T00:00:00+00:00">2019/08/21</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-check-o"></i> </span><span class="post-meta-item-text">更新于</span> <time title="修改时间：2019/09/06 00:00:00" itemprop="dateModified" datetime="2019-09-06T00:00:00+00:00">2019/09/06</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/" itemprop="url" rel="index"><span itemprop="name">有道云笔记-搬</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E9%85%8D%E7%BD%AE/" itemprop="url" rel="index"><span itemprop="name">配置</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E9%85%8D%E7%BD%AE/vscode%E9%85%8D%E7%BD%AE/" itemprop="url" rel="index"><span itemprop="name">vscode配置</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>394</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>1 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><p><a target="_blank" rel="noopener" href="https://www.jianshu.com/p/2e2b8701ae5c">网址-profile</a></p><h4 id="VSCode"><a href="#VSCode" class="headerlink" title="VSCode"></a>VSCode</h4><ul><li><code>VSCode Icons</code> 插件<ul><li>作用：左侧资源管理器根据文件类型显示图标</li></ul></li></ul><h4 id="python"><a href="#python" class="headerlink" title="python"></a>python</h4><ul><li><p><code>flask</code></p><ul><li>作用：提示代码错误</li><li>安装<ul><li>命令行: <code>pip install flake8</code></li><li>用户设置 -&gt; <code>setting.json</code>:<code>&quot;python.linting.flake8Enabled&quot;:true</code></li></ul></li><li>其他<figure class="highlight awk"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="regexp">//</span>用户设置中： 修改最大字符</span><br><span class="line"><span class="string">&quot;python.linting.flake8Args&quot;</span>: [<span class="string">&quot;--max-line-length=248&quot;</span>]</span><br></pre></td></tr></table></figure></li></ul></li><li><p><code>pylint-django</code>:</p><div class="post-button"><a class="btn" href="/blog/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E9%85%8D%E7%BD%AE/vscode%E9%85%8D%E7%BD%AE/vscode%E9%82%A3%E4%BA%9B%E5%A5%BD%E7%94%A8%E7%9A%84%E6%8F%92%E4%BB%B6/#more" rel="contents">阅读全文 &raquo;</a></div></li></ul></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="https://linxiaoki.gitee.io/blog/categories/%E5%89%8D%E7%AB%AF/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/9-render%E5%87%BD%E6%95%B0/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/blog/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/blog/categories/%E5%89%8D%E7%AB%AF/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/9-render%E5%87%BD%E6%95%B0/" class="post-title-link" itemprop="url">9.Render函数</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/08/11 00:00:00" itemprop="dateCreated datePublished" datetime="2019-08-11T00:00:00+00:00">2019/08/11</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-check-o"></i> </span><span class="post-meta-item-text">更新于</span> <time title="修改时间：2019/11/26 00:00:00" itemprop="dateModified" datetime="2019-11-26T00:00:00+00:00">2019/11/26</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/%E5%89%8D%E7%AB%AF/" itemprop="url" rel="index"><span itemprop="name">前端</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/%E5%89%8D%E7%AB%AF/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">《Vue.js 实战》笔记</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>8.1k</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>7 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><h4 id="9-1-什么是-Virtrual-Dom"><a href="#9-1-什么是-Virtrual-Dom" class="headerlink" title="9.1 什么是 Virtrual Dom"></a>9.1 什么是 Virtrual Dom</h4><p>Virtual Dom 是基于 JavaScript 计算的，在状态发生变化时，Virtual Dom 会进行 Diff 运算。<br><img src="//tva3.sinaimg.cn/large/005zbIM7ly1g5vtpdwp17j30ii06u786.jpg" alt="img"></p><p>正常的 DOM 节点在 HTML 中：</p><figure class="highlight xml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">&quot;main&quot;</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;<span class="name">p</span>&gt;</span>文本内容<span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;<span class="name">p</span>&gt;</span>文本内容<span class="tag">&lt;/<span class="name">p</span>&gt;</span></span><br></pre></td></tr></table></figure><p>用 Virtual Dom 创建的 JavaScript 对象一般会是这样的：</p><figure class="highlight gml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">var</span> vNode = &#123;</span><br><span class="line">    tag: <span class="string">&#x27;div&#x27;</span>,</span><br><span class="line">    attributes:&#123;</span><br><span class="line">        <span class="symbol">id</span>: <span class="string">&#x27;main&#x27;</span></span><br><span class="line">    &#125;,</span><br><span class="line">    children:&#123;</span><br><span class="line">        <span class="comment">//p 节点</span></span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure><div class="post-button"><a class="btn" href="/blog/categories/%E5%89%8D%E7%AB%AF/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/9-render%E5%87%BD%E6%95%B0/#more" rel="contents">阅读全文 &raquo;</a></div></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="https://linxiaoki.gitee.io/blog/categories/Python/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1-3-%E6%95%B0%E6%8D%AE%E9%87%87%E9%9B%86/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/blog/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/blog/categories/Python/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1-3-%E6%95%B0%E6%8D%AE%E9%87%87%E9%9B%86/" class="post-title-link" itemprop="url">1.3 数据采集</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/08/06 00:00:00" itemprop="dateCreated datePublished" datetime="2019-08-06T00:00:00+00:00">2019/08/06</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-check-o"></i> </span><span class="post-meta-item-text">更新于</span> <time title="修改时间：2019/10/17 00:00:00" itemprop="dateModified" datetime="2019-10-17T00:00:00+00:00">2019/10/17</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/Python/" itemprop="url" rel="index"><span itemprop="name">Python</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/Python/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/" itemprop="url" rel="index"><span itemprop="name">数据分析</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>1.2k</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>1 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><h4 id="如何自动化采集数据"><a href="#如何自动化采集数据" class="headerlink" title="如何自动化采集数据"></a>如何自动化采集数据</h4><p>一个数据的走势，是由多个维度影响的，所以需要通过<strong>多源</strong>的数据采集，收集到尽可能多的<strong>数据维度</strong>，同时保证数据的质量，这样才能得到高质量的数据挖掘结果。</p><p><strong>数据源：</strong></p><ul><li>开放数据源：针对行业的数据库，例如人口信息，地区分布和教育情况，旅游、交通等。</li><li>爬虫抓取(网页、App)：指定网站数据，例如购物网的上的购物评价。</li><li>日志采集(前端采集、后端脚本)：统计用户的操作。可以前端埋点，后端进行脚本收集，来分析网站的访问情况。</li><li>传感器(图像、测速、热敏)：采集物理信息。<div class="post-button"><a class="btn" href="/blog/categories/Python/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1-3-%E6%95%B0%E6%8D%AE%E9%87%87%E9%9B%86/#more" rel="contents">阅读全文 &raquo;</a></div></li></ul></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="https://linxiaoki.gitee.io/blog/categories/%E5%89%8D%E7%AB%AF/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/8-%E8%87%AA%E5%AE%9A%E4%B9%89%E6%8C%87%E4%BB%A4/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/blog/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/blog/categories/%E5%89%8D%E7%AB%AF/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/8-%E8%87%AA%E5%AE%9A%E4%B9%89%E6%8C%87%E4%BB%A4/" class="post-title-link" itemprop="url">8.自定义指令</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/08/02 00:00:00" itemprop="dateCreated datePublished" datetime="2019-08-02T00:00:00+00:00">2019/08/02</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-check-o"></i> </span><span class="post-meta-item-text">更新于</span> <time title="修改时间：2019/08/13 00:00:00" itemprop="dateModified" datetime="2019-08-13T00:00:00+00:00">2019/08/13</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/%E5%89%8D%E7%AB%AF/" itemprop="url" rel="index"><span itemprop="name">前端</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/%E5%89%8D%E7%AB%AF/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">《Vue.js 实战》笔记</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>7k</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>6 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><h4 id="8-1-基本用法"><a href="#8-1-基本用法" class="headerlink" title="8.1 基本用法"></a>8.1 基本用法</h4><figure class="highlight awk"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br></pre></td><td class="code"><pre><span class="line"><span class="regexp">//</span>全局注册</span><br><span class="line">Vue.directive(<span class="string">&#x27;forcus&#x27;</span>,&#123;</span><br><span class="line">    <span class="regexp">//</span>指令选项</span><br><span class="line">&#125;);</span><br><span class="line"></span><br><span class="line"><span class="regexp">//</span>局部注册</span><br><span class="line">var app = new Vue(&#123;</span><br><span class="line">    el:<span class="string">&#x27;#app&#x27;</span>,</span><br><span class="line">    directives:&#123;</span><br><span class="line">        focus:&#123;</span><br><span class="line">            <span class="regexp">//</span>指令选项</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure><div class="post-button"><a class="btn" href="/blog/categories/%E5%89%8D%E7%AB%AF/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/8-%E8%87%AA%E5%AE%9A%E4%B9%89%E6%8C%87%E4%BB%A4/#more" rel="contents">阅读全文 &raquo;</a></div></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="https://linxiaoki.gitee.io/blog/categories/%E5%89%8D%E7%AB%AF/Vue%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98/vue2-0%E4%B8%AD%E7%9A%84-%EF%BC%9Ais%E5%92%8Cis%E7%9A%84%E5%8C%BA%E5%88%AB/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/blog/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/blog/categories/%E5%89%8D%E7%AB%AF/Vue%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98/vue2-0%E4%B8%AD%E7%9A%84-%EF%BC%9Ais%E5%92%8Cis%E7%9A%84%E5%8C%BA%E5%88%AB/" class="post-title-link" itemprop="url">vue2.0中的 ：is和is的区别</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/07/27 00:00:00" itemprop="dateCreated datePublished" datetime="2019-07-27T00:00:00+00:00">2019/07/27</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/%E5%89%8D%E7%AB%AF/" itemprop="url" rel="index"><span itemprop="name">前端</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/%E5%89%8D%E7%AB%AF/Vue%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98/" itemprop="url" rel="index"><span itemprop="name">Vue常见问题</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>724</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>1 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><p><a target="_blank" rel="noopener" href="https://juejin.im/post/5bdc4a6be51d45082d4ff48c">转载网址</a><br></p><h4 id="is"><a href="#is" class="headerlink" title=":is"></a>:is</h4><p>通过 <code>&lt;component&gt;</code> 元素加一个特性 <code>is</code> 实现不同组件之间的动态切换。</p><figure class="highlight xml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment">&lt;!--组件会在 &#x27;currentTabComponent&#x27; 改变时改变 --&gt;</span></span><br><span class="line"><span class="tag">&lt;<span class="name">component</span> <span class="attr">v-bind:is</span>=<span class="string">&quot;currentTabComponent&quot;</span>&gt;</span><span class="tag">&lt;/<span class="name">component</span>&gt;</span></span><br></pre></td></tr></table></figure><p>示例中的<code>currentTabComponent</code>可以包括：</p><ul><li>已注册组件的名字</li><li>一个组件的选项对象</li></ul><div class="post-button"><a class="btn" href="/blog/categories/%E5%89%8D%E7%AB%AF/Vue%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98/vue2-0%E4%B8%AD%E7%9A%84-%EF%BC%9Ais%E5%92%8Cis%E7%9A%84%E5%8C%BA%E5%88%AB/#more" rel="contents">阅读全文 &raquo;</a></div></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="https://linxiaoki.gitee.io/blog/categories/%E5%89%8D%E7%AB%AF/Vue%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98/%E8%BD%AC%E8%BD%BD3-vue%E4%BD%9C%E7%94%A8%E5%9F%9F%E6%8F%92%E6%A7%BDslot-scope%E8%AF%A6%E8%A7%A3-%E5%B7%AE%E8%AF%84/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/blog/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/blog/categories/%E5%89%8D%E7%AB%AF/Vue%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98/%E8%BD%AC%E8%BD%BD3-vue%E4%BD%9C%E7%94%A8%E5%9F%9F%E6%8F%92%E6%A7%BDslot-scope%E8%AF%A6%E8%A7%A3-%E5%B7%AE%E8%AF%84/" class="post-title-link" itemprop="url">转载3-vue作用域插槽slot-scope详解-差评</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/07/27 00:00:00" itemprop="dateCreated datePublished" datetime="2019-07-27T00:00:00+00:00">2019/07/27</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/%E5%89%8D%E7%AB%AF/" itemprop="url" rel="index"><span itemprop="name">前端</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/%E5%89%8D%E7%AB%AF/Vue%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98/" itemprop="url" rel="index"><span itemprop="name">Vue常见问题</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>256</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>1 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><p>插槽(<code>slot</code>)分为单个插槽、具名插槽和作用域插槽。<br><br>作用域插槽是一种特殊的<code>slot</code>,使用一个可以复用的模板替换一渲染元素。<br><br><b>作用：</b>模板是否显示，以及怎样显示由父组件来决定。<br><br><b>对比：</b>前两种插槽的内容(<em>显示什么</em>)和样式(<em>怎么显示</em>)皆由父组件决定;而作用域插槽的样式由父组件决定，内容却由子组件控制。也就是说，前两种插槽不能绑定数据，作用域插槽是一个带绑定数据的插槽。<br><br></p><p>template元素使用 scope=”props”，可以访问子组件的插槽数据。<br></p><p>插槽的书写方式 在2.6版本前后不同。<br></p><ul><li>2.6版本之前的写法</li></ul><ul><li>2.6版本之后的写法</li></ul></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="https://linxiaoki.gitee.io/blog/categories/%E5%89%8D%E7%AB%AF/Vue%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98/%E8%BD%AC%E8%BD%BD2%EF%BC%9Av-model-%E8%AF%A6%E8%A7%A3/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/blog/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/blog/categories/%E5%89%8D%E7%AB%AF/Vue%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98/%E8%BD%AC%E8%BD%BD2%EF%BC%9Av-model-%E8%AF%A6%E8%A7%A3/" class="post-title-link" itemprop="url">转载2：v-model 详解</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/07/25 00:00:00" itemprop="dateCreated datePublished" datetime="2019-07-25T00:00:00+00:00">2019/07/25</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-check-o"></i> </span><span class="post-meta-item-text">更新于</span> <time title="修改时间：2019/07/31 00:00:00" itemprop="dateModified" datetime="2019-07-31T00:00:00+00:00">2019/07/31</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/%E5%89%8D%E7%AB%AF/" itemprop="url" rel="index"><span itemprop="name">前端</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/%E5%89%8D%E7%AB%AF/Vue%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98/" itemprop="url" rel="index"><span itemprop="name">Vue常见问题</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>1.9k</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>2 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><h4 id="v-model用在input元素上时"><a href="#v-model用在input元素上时" class="headerlink" title="v-model用在input元素上时"></a><code>v-model</code>用在<code>input</code>元素上时</h4><p><code>v-model</code>是语法糖。</p><figure class="highlight excel"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">&lt;input v-model=<span class="string">&quot;sth&quot;</span>/&gt;</span><br><span class="line">=&gt;  &lt;input <span class="symbol">:va</span>lue=<span class="string">&quot;sth&quot;</span> @input=<span class="string">&quot;sth=$event.target.value&quot;</span> /&gt;</span><br><span class="line"></span><br></pre></td></tr></table></figure><p>&emsp;&emsp;<code>input</code>元素本身有个 <code>oninput</code>事件，<br>每当输入框内容发生变化时，就会触发 <code>oninput</code>，把最新的 <code>value</code> 传给 <code>sth</code>。<br><br>&emsp;&emsp;所以，在添加<code>v-model</code>属性时，默认会把<code>value</code>作为元素的属性，然后把<code>input</code>事件作为实时传递<code>value</code>的触发事件。</p><h4 id="v-model用在组件上时"><a href="#v-model用在组件上时" class="headerlink" title="v-model用在组件上时"></a><code>v-model</code>用在组件上时</h4><p>父组件的<code>price</code>初始值是100，传入子组件后，更改子组件的值能实时更新父组件的<code>price</code></p><div class="post-button"><a class="btn" href="/blog/categories/%E5%89%8D%E7%AB%AF/Vue%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98/%E8%BD%AC%E8%BD%BD2%EF%BC%9Av-model-%E8%AF%A6%E8%A7%A3/#more" rel="contents">阅读全文 &raquo;</a></div></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="https://linxiaoki.gitee.io/blog/categories/Linux/Linux%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B%E7%AC%94%E8%AE%B0/linux%E4%BD%BF%E7%94%A8%EF%BC%9Avim%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/blog/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/blog/categories/Linux/Linux%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B%E7%AC%94%E8%AE%B0/linux%E4%BD%BF%E7%94%A8%EF%BC%9Avim%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/" class="post-title-link" itemprop="url">Linux使用：Vim常用命令</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/07/24 00:00:00" itemprop="dateCreated datePublished" datetime="2019-07-24T00:00:00+00:00">2019/07/24</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-check-o"></i> </span><span class="post-meta-item-text">更新于</span> <time title="修改时间：2019/08/20 00:00:00" itemprop="dateModified" datetime="2019-08-20T00:00:00+00:00">2019/08/20</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/Linux/" itemprop="url" rel="index"><span itemprop="name">Linux</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/blog/categories/Linux/Linux%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">Linux基础教程笔记</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>1.6k</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>1 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><h5 id="多文件编辑"><a href="#多文件编辑" class="headerlink" title="多文件编辑"></a>多文件编辑</h5><p>操作</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line">c <span class="comment">#c 是“修改(change)”（即删除后进入插入模式），后面可以接一个移动命令</span></span><br><span class="line">cw  <span class="comment">#删除一个单词并进入插入模式</span></span><br><span class="line">c2w 或者 2cw  <span class="comment">#删除两个单词并进入插入模式</span></span><br><span class="line"></span><br><span class="line">ctrl + h/w/u   <span class="comment">#删除前一个字符，前一个单词，前一行</span></span><br><span class="line"></span><br><span class="line"></span><br><span class="line">w/W   <span class="comment">#下一个单词开头</span></span><br><span class="line">e/E   <span class="comment"># 下一个单词结尾 </span></span><br><span class="line">b/B     <span class="comment">#上一个单词开头</span></span><br><span class="line">0/^    <span class="comment"># 行头</span></span><br><span class="line">$/g_  <span class="comment">#  行末</span></span><br></pre></td></tr></table></figure><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment">#区块操作( visual block )</span></span><br><span class="line">v V  ctrl+v  y p</span><br><span class="line">-------</span><br><span class="line"></span><br><span class="line"><span class="comment">#文本还原为打开时的文件</span></span><br><span class="line">:e!</span><br><span class="line"><span class="comment">#打开新文件</span></span><br><span class="line">:e &lt;path/to/file&gt; </span><br><span class="line"></span><br><span class="line"><span class="comment">#文件切换</span></span><br><span class="line">vim hosts /etc/hosts</span><br><span class="line">:n</span><br><span class="line">:N</span><br><span class="line">:files</span><br><span class="line">----------</span><br><span class="line"></span><br><span class="line"><span class="comment">#多窗口1</span></span><br><span class="line">vim -o/O [file1] [file2]   <span class="comment">#o后面可以加数字</span></span><br><span class="line"></span><br><span class="line"><span class="comment">#多窗口2</span></span><br><span class="line">:sp &#123;otherfilename&#125;</span><br><span class="line">:vsp &#123;otherfilename&#125;</span><br><span class="line">[ctrl]+w+j    [ctrl]+w+k</span><br><span class="line">[ctrl]+w+r  <span class="comment">#位置交换</span></span><br><span class="line"></span><br><span class="line"><span class="comment">#新建窗口</span></span><br><span class="line">:split</span><br><span class="line">:vsplit</span><br><span class="line"></span><br><span class="line"><span class="comment">#新开打开相同文件</span></span><br><span class="line">[ctrl]+w+s</span><br></pre></td></tr></table></figure><h5 id="替换"><a href="#替换" class="headerlink" title="替换"></a>替换</h5><figure class="highlight awk"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="number">1</span>,<span class="variable">$s</span><span class="regexp">/word1/</span>word2/g 或</span><br><span class="line">:<span class="number">1</span>,<span class="variable">$s</span><span class="regexp">/word1/</span>word2/gc （需要使用者确认）</span><br></pre></td></tr></table></figure><h5 id="文字补齐"><a href="#文字补齐" class="headerlink" title="文字补齐"></a>文字补齐</h5><figure class="highlight angelscript"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="string">[ctrl]</span>+x+n    文件的内容文字</span><br><span class="line"><span class="string">[ctrl]</span>+x+f     当前目录的文件名</span><br><span class="line"><span class="string">[ctrl]</span>+x+o   vim内置的关键字</span><br></pre></td></tr></table></figure><h5 id="写过的命令记录"><a href="#写过的命令记录" class="headerlink" title="写过的命令记录"></a>写过的命令记录</h5><figure class="highlight haml"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">~/.viminfo</span><br></pre></td></tr></table></figure><h5 id="环境设置参数"><a href="#环境设置参数" class="headerlink" title="环境设置参数"></a>环境设置参数</h5><figure class="highlight apache"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="attribute">nu</span>,nonu,hlsearch,nohlsearch,autoindent,noautoindent,backup,nobackup,ruler,showmode,backspace(<span class="number">0</span>/<span class="number">1</span>/<span class="number">2</span>),<span class="literal">all</span>,syntax <span class="literal">on</span>/<span class="literal">off</span>,bg=dark/light</span><br></pre></td></tr></table></figure><img src="#tva3.sinaimg.cn/large/005zbIM7ly1g5azdfj5czj30me0eb0yt.jpg" alt="img"> ##### 配置文件 `~/.vimrc`和`/etc/vimrc` &emsp;&emsp;最好再修改`~/.vimrc`文件(需先创建)<figure class="highlight routeros"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br></pre></td><td class="code"><pre><span class="line"><span class="string">&quot;文件内容</span></span><br><span class="line"><span class="string">set hlsearch &quot;</span>高亮度反白</span><br><span class="line"><span class="builtin-name">set</span> <span class="attribute">backspace</span>=2 <span class="string">&quot;可随时用倒退键删除</span></span><br><span class="line"><span class="string">set autoindent &quot;</span>自动缩排</span><br><span class="line"><span class="builtin-name">set</span> ruler <span class="string">&quot;可显示最后一列的状态</span></span><br><span class="line"><span class="string">set showmode &quot;</span>左下角那一列的状态<span class="builtin-name">set</span> nu <span class="string">&quot;可以在每一列的最前面显示行号啦！</span></span><br><span class="line"><span class="string">set bg=dark &quot;</span>显示不同的底色色调</span><br><span class="line">syntax on <span class="string">&quot;进行语法检验，颜色显示。</span></span><br><span class="line"><span class="string"></span></span><br><span class="line"><span class="string"></span></span><br><span class="line"><span class="string">&quot;</span><span class="builtin-name">set</span> by K</span><br><span class="line"><span class="builtin-name">set</span> <span class="attribute">ts</span>=4</span><br><span class="line"><span class="builtin-name">set</span> expandtab</span><br><span class="line"><span class="builtin-name">set</span> autoindent</span><br></pre></td></tr></table></figure>##### 编码问题 - 配置文件 `/etc/locale.conf` - bash的语系:`LANG,LC_ALL` - `LANG=zh_TW.big5` 台湾big5？ - `export LC_ALL=zh_TW.big5` - 文件的编码 - 打开终端机的软件(主要是它和文件编码是否一致)<br>`utf8` 和 `big5` ##### 编码转换 9.4.3<h5 id="DOS-与-Linux-的断行字符"><a href="#DOS-与-Linux-的断行字符" class="headerlink" title="DOS 与 Linux 的断行字符"></a>DOS 与 Linux 的断行字符</h5><p><strong>enter</strong>:<br>在windows创建的文件的换行：CR与LF （^M$）<br>Linux:LF ($)<br><br><strong>解决办法：</strong></p><figure class="highlight awk"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment">#通过光盘安装需要的软件：</span></span><br><span class="line">su   <span class="comment">#用户为root</span></span><br><span class="line">mount <span class="regexp">/devsr0 /m</span>nt    <span class="comment">#挂载</span></span><br><span class="line">rpm -ivh <span class="regexp">/mnt/</span>Packages/dos2unix-*</span><br><span class="line"><span class="comment">#.......</span></span><br><span class="line">unmount /mnt</span><br><span class="line"><span class="keyword">exit</span></span><br><span class="line"><span class="comment">#--------------</span></span><br><span class="line"><span class="comment">#判断是什么断行</span></span><br><span class="line">file [file]</span><br><span class="line"></span><br><span class="line"><span class="comment">#使用</span></span><br><span class="line">dos2unix [-kn] file [newfile]</span><br><span class="line">unix2dos [-kn] file [newfile]</span><br><span class="line"><span class="comment"># -k: 不改时间</span></span><br><span class="line"><span class="comment"># -n:保留旧文件，输出新文件到newfile</span></span><br><span class="line"></span><br></pre></td></tr></table></figure></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><nav class="pagination"><a class="extend prev" rel="prev" href="/blog/page/5/"><i class="fa fa-angle-left" aria-label="上一页"></i></a><a class="page-number" href="/blog/">1</a><span class="space">&hellip;</span><a class="page-number" href="/blog/page/5/">5</a><span class="page-number current">6</span><a class="page-number" href="/blog/page/7/">7</a><span class="space">&hellip;</span><a class="page-number" href="/blog/page/11/">11</a><a class="extend next" rel="next" href="/blog/page/7/"><i class="fa fa-angle-right" aria-label="下一页"></i></a></nav></div><script>window.addEventListener("tabs:register",()=>{let{activeClass:e}=CONFIG.comments;if(CONFIG.comments.storage&&(e=localStorage.getItem("comments_active")||e),e){let t=document.querySelector(`a[href="#comment-${e}"]`);t&&t.click()}}),CONFIG.comments.storage&&window.addEventListener("tabs:click",t=>{t.target.matches(".tabs-comment .tab-content .tab-pane")&&(t=t.target.classList[1],localStorage.setItem("comments_active",t))})</script></div><div class="toggle sidebar-toggle"><span class="toggle-line toggle-line-first"></span> <span class="toggle-line toggle-line-middle"></span> <span class="toggle-line toggle-line-last"></span></div><aside class="sidebar"><div class="sidebar-inner"><ul class="sidebar-nav motion-element"><li class="sidebar-nav-toc">文章目录</li><li class="sidebar-nav-overview">站点概览</li></ul><div class="post-toc-wrap sidebar-panel"></div><div class="site-overview-wrap sidebar-panel"><div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person"><img class="site-author-image" itemprop="image" alt="我的名字" src="/blog/images/avatar.gif"><p class="site-author-name" itemprop="name">我的名字</p><div class="site-description" itemprop="description">一起滚月球吧·</div></div><div class="site-state-wrap motion-element"><nav class="site-state"><div class="site-state-item site-state-posts"><a href="/blog/archives/"><span class="site-state-item-count">101</span> <span class="site-state-item-name">日志</span></a></div><div class="site-state-item site-state-categories"><a href="/blog/categories/"><span class="site-state-item-count">44</span> <span class="site-state-item-name">分类</span></a></div><div class="site-state-item site-state-tags"><a href="/blog/tags/"><span class="site-state-item-count">64</span> <span class="site-state-item-name">标签</span></a></div></nav></div><div class="links-of-author motion-element"><span class="links-of-author-item"><a href="https://github.com/linxiaoki" title="GitHub → https:&#x2F;&#x2F;github.com&#x2F;linxiaoki" rel="noopener" target="_blank"><i class="fa fa-fw fa-github"></i>GitHub</a></span></div></div><div class="back-to-top motion-element"><i class="fa fa-arrow-up"></i> <span>0%</span></div></div></aside><div id="sidebar-dimmer"></div></div></main><footer class="footer"><div class="footer-inner"><div class="copyright">&copy; <span itemprop="copyrightYear">2024</span> <span class="with-love"><i class="fa fa-user"></i> </span><span class="author" itemprop="copyrightHolder">我的名字</span> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"><i class="fa fa-area-chart"></i> </span><span title="站点总字数">221k</span> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"><i class="fa fa-coffee"></i> </span><span title="站点阅读时长">3:21</span></div></div></footer></div><script color="0,134,139" opacity="0.6" zindex="22" count="199" src="/js/src/canvas-nest-nomobile.min.js"></script><script src="/blog/lib/anime.min.js"></script><script src="//cdn.jsdelivr.net/gh/theme-next/theme-next-pjax@0/pjax.min.js"></script><script src="//cdn.jsdelivr.net/npm/medium-zoom@1/dist/medium-zoom.min.js"></script><script src="/blog/lib/velocity/velocity.min.js"></script><script src="/blog/lib/velocity/velocity.ui.min.js"></script><script src="/blog/js/utils.js"></script><script src="/blog/js/motion.js"></script><script src="/blog/js/schemes/muse.js"></script><script src="/blog/js/next-boot.js"></script><script>var pjax=new Pjax({selectors:["head title","#page-configurations",".content-wrap",".post-toc-wrap",".languages","#pjax"],switches:{".post-toc-wrap":Pjax.switches.innerHTML},analytics:!1,cacheBust:!1,scrollTo:!CONFIG.bookmark.enable});window.addEventListener("pjax:success",()=>{document.querySelectorAll("script[data-pjax], script#page-configurations, #pjax script").forEach(e=>{var t=e.text||e.textContent||e.innerHTML||"",a=e.parentNode;a.removeChild(e);var s=document.createElement("script");e.id&&(s.id=e.id),e.className&&(s.className=e.className),e.type&&(s.type=e.type),e.src&&(s.src=e.src,s.async=!1),void 0!==e.dataset.pjax&&(s.dataset.pjax=""),""!==t&&s.appendChild(document.createTextNode(t)),a.appendChild(s)}),NexT.boot.refresh(),CONFIG.motion.enable&&NexT.motion.integrator.init().add(NexT.motion.middleWares.subMenu).add(NexT.motion.middleWares.postList).bootstrap(),NexT.utils.updateSidebarPosition()})</script><script src="/blog/js/local-search.js"></script><div id="pjax"></div><script src="/blog/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({model:{jsonPath:"/blog/live2dw/assets/hijiki.model.json"},display:{position:"left",vOffset:-75,hOffset:10,width:200,height:385},mobile:!1,react:{opacity:.7},log:!1,pluginJsPath:"lib/",pluginModelPath:"assets/",pluginRootPath:"live2dw/",tagMode:!1})</script></body></html>